<template>
  <div class="logo">
    <router-link :to="routerLinkTo">

      <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
     <!-- <img :src="logoAddres" alt="logo">-->
      <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->

      <img  src="~@/assets/logo.png" alt="logo">
      <h1 v-if="showTitle">{{ title }}</h1>
    </router-link>
  </div>
</template>

<script>
  import { mixin } from '@/utils/mixin.js'
  import { getLogoImgAPI } from '@/api/manage'
  export default {
    name: 'Logo',
    mixins: [mixin],
    data() {
      return{}
     /* return {
        //logoAddres: 'https://mall-oss-pic.oss-cn-beijing.aliyuncs.com/temp/1bcc86f7cfe37cc96d5f6a0ac523137_1653622590204.png'

        logoAddres: 'https://mall-oss-pic.oss-cn-beijing.aliyuncs.com/temp/微信图片_20221115085330_1668473623334.png'
      }*/
    },
    props: {
      title: {
        type: String,
        default: '时迈智慧云平台',
        required: false
      },
      showTitle: {
        type: Boolean,
        default: true,
        required: false
      },
      // 点击Logo跳转地址
      routerLinkTo: {
        type: Object,
        default: () => ({name: 'dashboard'}),
      },
    },
    mounted() {
        // 获取logo
       /* getLogoImgAPI().then(res => {
          res.data.some(r => {
            if (r.types == 'boot' && r.logoAddres){
              this.logoAddres =  r.logoAddres
              return true
            }
          })
        });*/
    },
  }
</script>
<style lang="less" scoped>
  /*缩小首页布 局顶部的高度*/
  @height: 49px;

  .sider {
    box-shadow: none !important;
    .logo {
      height: @height !important;
      line-height: @height !important;
      box-shadow: none !important;
      transition: background 300ms;

      a {
        color: white;
        &:hover {
          color: rgba(255, 255, 255, 0.8);
        }
      }
    }

    &.light .logo {
      background-color: @primary-color;
    }
  }
</style>